<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">

		<title>My JSP 'pruducts.jsp' starting page</title>
		<meta http-equiv="X-UA-Compatible" content="IE=8" />
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<script src="jquery/js/jquery-1.8.2.js"></script>
		<script src="jquery/js/jquery-ui-1.8.23.custom.js"></script>

		<link rel="stylesheet"
			href="jquery/css/ui-lightness/jquery-ui-1.9.0.custom.css" />
		<link rel="stylesheet" type="text/css"
			href="/webbei/js/bgjs/css/index.css" />
		<link rel="stylesheet" type="text/css" href="css/custom.css" />
		<link rel="stylesheet" type="text/css" href="css/login.css" />


		<link rel="Stylesheet" type="text/css" href="inc/wColorPicker.css" />
		<script type="text/javascript" src="inc/wColorPicker.js"></script>
		<script type="text/javascript" src="js/login.js"></script>
		<script type="text/javascript" src="js/bgjs/js/script.js"></script>
		<SCRIPT type=text/javascript src="js/alixixi.js"></SCRIPT>
		<link href="css/login.css" type="text/css" rel="stylesheet" />
		<LINK rel=stylesheet type=text/css href="css/alixixi.css">
		<style type="text/css">
html {
	overflow: auto;
}
</style>

	</head>

	<body style="text-align: center; width: 100%; margin: 0;">
		<jsp:include page="top.jsp"></jsp:include>

		<DIV id=js class="js" style="margin-top: 20px;">
			<IMG alt="" src="img/test3.jpg" width="1000px;" height="320px;">
			<IMG style="DISPLAY: none" alt="" src="img/test2.jpg" width="1000px;" height="320px;">
			<IMG style="DISPLAY: none" alt="" src="img/test11.jpg" width="1000px;" height="320px;">
			<DIV id=jsNav class=jsNav style="background: white;">
				<A id=prev class=prevBtn href="javascript:void(0)"></A>
				<A class="trigger imgSelected" href="javascript:void(0)">1</A>
				<A class=trigger href="javascript:void(0)">2</A>
				<A class=trigger href="javascript:void(0)">3</A>
				<A id=next class=nextBtn href="javascript:void(0)"></A>
			</DIV>
		</DIV>
		<div style="width: 100%;margin-top: 20px;">
			<ul style="list-style-type: none; width: 1000px; margin: 0 auto;">
				<c:forEach items="${products}" var="product">
					<li style="float: left; width: 333px; text-align: center;">
						<div
							style="margin: 33px; background-color: #ebebeb; overflow: hidden; width: 300px;">
							<table align="center">
								<tr height="200px">
									<td colspan="2">
										<a title="${product.name }"
											href="showProduct?productId=${product.id }&&bgPic=${product.url}">
											<img alt="" src="${product.url }" width=250px> </a>
									</td>
								</tr>
								<tr>
									<td>
										<a href="showProduct?productId=${product.id }&&bgPic=${product.url}">${product.name}</a>
									</td>
								</tr>
							</table>
						</div>
					</li>
				</c:forEach>
			</ul>
		</div>
		<jsp:include page="bottom.jsp"></jsp:include>
	</body>
</html>
